.page-community-group {
  .page-header {
    background: var(--color-primary);
    // height: 180px;
    padding: 200px 20px 40px;
  }
  .user-info {
    display: flex;
    align-items: center;
    .sp-image {
      border: 4px solid #fff;
      width: 110px;
      height: 110px;
      border-radius: 50px;
      margin-right: 20px;
      overflow: hidden;
    }
    .user-name {
      color: #fff;
      font-size: 30px;
    }
  }
  .at-input {
    &::after {
      border-color: #f5f5f5;
    }
  }
  .at-textarea {
    border-width: 0;
  }
  .card-block {
    border-radius: 16px;

    margin: 20px;
    background: #fff;
    &-hd {
      font-size: 32px;
      font-weight: bold;
      padding: 30px 20px 20px;
      /* prettier-ignore */
      border-bottom: 1PX solid #f5f5f5;
      display: flex;
      justify-content: space-between;
    }
    // &-bd {
    //   padding: 20px;
    // }
    &-ft {
      display: flex;
      padding: 0 30px 30px;
      .btn-icon {
        margin-right: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        &-txt {
          font-size: 24px;
        }
      }
      .icon-picture {
        font-size: 44px;
      }
      .icon-bianji1 {
        font-size: 44px;
      }
    }
    .tip {
      color: #999;
    }
  }
  .teamhead-barcode {
    margin-top: 20px;
  }
  .btn-group {
    padding: 20px;
  }
  .btn-import {
    /* prettier-ignore */
    // border: 1PX solid var(--color-primary);
    color: var(--color-primary);
    // padding: ;
  }
  .group-name {
    input {
      font-size: 32px;
    }
  }
  .comp-item-wrap {
    margin-bottom: 30px;
  }
  .comp-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    .bt-group {
      display: flex;
    }
    .btn-text {
      /* prettier-ignore */
      border: 1PX solid #666;
      color: #666;
      padding: 0 6px;
      font-size: 24px;
      margin-left: 8px;
      &.disabled {
        color: #ccc;
        border-color: #ccc;
      }
    }
  }
  .goods-list {
    .comp-goods-item {
      &:not(:last-child) {
        margin-bottom: 20px;
      }
    }
  }
  .picker-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .date-picker {
    margin: 0 10px;
    // &:not(:last-child) {
    //   margin-bottom: 10px;
    // }
    .SpPicker {
      margin: 0 10px;
    }
    .at-icon-chevron-right {
      font-size: 40rpx;
      color: rgba(170, 170, 170, 0.8);
      margin-right: -8rpx;
    }
  }
  .ziti-info {
    text-align: right;
  }
  .padding-20 {
    padding: 20px;
  }
  .share {
    .tips {
      margin-right: 10px;
    }
    .sp-cell {
      &__bd {
        display: flex;
        align-items: center;
        justify-content: flex-end;
      }
    }
  }
}
